<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<script type="text/javascript">
	function cancelar(){
		document.forms[0].metodo.value="cancelNuevoHos";
	    document.forms[0].submit();
	}
</script>

		<div id="posts">
			<div class="post">
			<html:form action="hospedaje">
			<input type="hidden" name="metodo" value="nuevoHospedaje"/>
			<!-- Es un nuevo hospedaje en base a una reserva -->
				<h2 class="title">Registrar Hospedaje</h2>
				<div class="story">
					<p>Datos Personales</p>
						<fieldset>
						<legend>Datos de Reserva</legend>
						<table>
                    	 	<tr>
                            	<td>Fecha de Reserva:</td>
                                <td><bean:write name="reserva" property="fecReserva" scope="session"/></td>
                            </tr>
                            <tr>
                            	<td>Cliente</td>
                                <td><bean:write name="reserva" property="usersByIdUsuarioCli.nombrecompleto" scope="session"/></td>
                            </tr>
                             <tr>
                            	<td>Habitacion</td>
                                <td><bean:write name="reserva" property="habitacion.numero" scope="session"/> - 
                                <bean:write name="reserva" property="habitacion.tipohabitacion.nombre" scope="session"/></td>
                            </tr>
                             <tr>
                            	<td>Dias reservados</td>
                                <td><bean:write name="reserva" property="diasreserva" scope="session"/></td>
                            </tr>
                        </table>
						</fieldset>						
					
					<html:hidden property="cliente" />
                    	<table>                    	 	
                        	<tr>
                            	<td>Tipo de Habitacion:</td>
                                <td>
                                	<html:select property="idtipoHabitacion" styleId="comboTipo"
                                	onchange="javascript:feedComboHabitacion(document.getElementById('comboTipo'));">
										<html:option value="">--Ninguno--</html:option>	
										<html:options collection="lstipohabitacion" labelProperty="nombre" property="idtipoHabitacion" />
									</html:select>
                                </td>
                            </tr>
                            <tr>
                            	<td>Habitaciones:</td>
                                <td>
                                	<html:select property="idhabitacion" styleId="comboHabitacion">
										<html:option value="">--Ninguno--</html:option>	
										<html:options collection="lsHabitacion" labelProperty="numero" property="idhabitacion"  />
									</html:select>
                                </td>
                            </tr>
                            <tr>
                            	<td>D&iacute;as:</td>
                                <td><html:text property="diasreserva"/></td>
                            </tr>
                            <tr>
                            	<td>Fecha:</td>
                                <td><html:text property="fecReserva" styleId="fecReserva"/>
                               	<img src="images/cal.gif" alt="D&iacute;a/Mes/A&ntilde;o" width="16" height="16" border="0" id="triggerCal" />
								<script type="text/javascript">
									//var fechita = new Date();
									//fechota = fechita.getDate() + "/" + (fechita.getMonth()+1) + "/" + fechita.getFullYear();
									//document.forms[0].fecReserva.value = fechota;
										Calendar.setup({
											inputField     :    "fecReserva", // id del campo de texto
											ifFormat       :    "%d/%m/%Y",       // Formato de la Fecha
											showsTime      :    false,            // Flag para mostrar la Fecha
											button         :    "triggerCal",   // ID del elemento que llamara al calendario
											singleClick    :    true           // Flag Modo doble-click 
										});
								</script>
                                </td>
                            </tr>
                      	</table>
                                                                       
                        <p>
                        	<input name="btnRegistrar" value="Registrar" type="submit" class="input-normalb"/>
                        	<input name="btnCancelar" value="Cancelar" type="button" onclick="javascript:cancelar();" class="input-normalb"/>
                        </p>
				</div>       
            </html:form>                
			</div>
		</div>
	